<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Ext.ux.google.map.View Sample 1</title>
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css" />
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-2.2.1/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-2.2.1/ext-all.js"> </script>

    <script type="text/javascript" src="../../Ext.ux.google.Loader.js"></script>
    <script type="text/javascript" src="../../map/Ext.ux.google.map.View.js"></script>

    <script type="text/javascript">
      Ext.onReady(function(){
        new Ext.ux.google.map.View({
          renderTo: Ext.getBody(),
          height: 500,
          width: 500,
          apiKey: 'ABQIAAAA3HEaipgCJKasbKv8S1gdbBQRwYGrJs7PTc23wXYGvCkgV6rZmhSdnrJh9Xe77AdhJyXWHiwWb8t7pA',
          mapConfig: {
            lat:35.3162461234567,
            lng: 139.4199371234567,
            zoom:14
          }
        });
    });
    </script>
</head>
<body>
</body>
</html>
